<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html lang="zh-cn">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>用户注册</title>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"></script>
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
    />
    <link rel="stylesheet" href="static/css/body.css">
    <script src="https://cdn.jsdelivr.net/npm/axios@0.21.1/dist/axios.min.js"></script>
    <script src="static/js/register.js" charset="UTF-8"></script>
  </head>
  <body>
  <div style="font-size: xxx-large;text-align: center" class="p-4">物业管理系统 </div>
    <div class="d-flex justify-content-center">
      <div class="w-25 border shadow p-4 center-block">
        <div style="font-size: xx-large">注册</div>
        <hr />
        <form>
          <div class="form-group">
            <label for="cid">员工ID</label>
            <input type="text" class="form-control" id="cid" required />
          </div>

          <div class="form-group">
            <label for="password">密码</label>
            <input
              type="password"
              class="form-control"
              id="password"
              required
            />
            <small id="password_help" class="form-text text-success"
              >格式要求</small
            >
          </div>

          <div class="form-group">
            <label for="check_password">确认密码</label>
            <input
              type="password"
              class="form-control"
              id="check_password"
              required
            />
            <small id="check_password_help" class="form-text text-success"
              >应与上面的密码保持一致</small
            >
          </div>

          <div class="form-group">
            <label for="phone">手机号码</label>
            <input type="tel" class="form-control" id="phone" required />
          </div>

          <div class="form-group">
            <label for="number">身份证号</label>
            <input type="text" class="form-control" id="number" required />
          </div>

        </form>
        <button onclick="registerUser()" class="btn btn-primary">注册</button>
        <hr />
        <div
          class="alert alert-warning"
          role="alert"
          id="alert"
          style="display: none"
        >

        </div>
        <div>已有账号？去<a href="${pageContext.request.contextPath}/login">登录</a></div>
      </div>
    </div>
  </body>
</html>
